/**
 * Global settings
 */
* {
    margin:0px;
    padding:0px;
}
.clearfix {
    clear:both !important;
}
a img {
    border:0px none !important;
}


/**
 * Skin base settings
 */
#fbChatBase {
    position:fixed !important;
    bottom:0px !important;
    right:0px !important;
    height:26px !important;
    border:1px solid #999 !important;
    border-bottom:0px none !important;
    background-color:#F0F0F0 !important;
    cursor:pointer !important;
}
#fbChatBase:hover {
    background-color:#FCFCFC !important;
}
#fbChatBase img.online {
    background:transparent url(http://jaxl.in/plugins/fbskin/img/pres.png) no-repeat scroll right 8px;
    height:16px;
    width:16px;
}
#fbChatBase img.offline {
    background:transparent url(http://jaxl.in/plugins/fbskin/img/pres.png) no-repeat scroll right -112px;
    height:16px;
    width:16px;
}
#fbChatBase span {
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif !important;
    font-size:12px !important;
    font-weight:bold !important;
}

#fbChatBaseInner {
    margin:3px 8px !important;
    position:relative;
}
#fbChatBaseInner span.numMessages {
	background-image: url("http://jaxl.in/img/num-messages.png");
    background-repeat: no-repeat;
    background-position:0px 0px;
    font-size: 9px !important;
    height: 16px;
    padding-top: 1px;
    position: absolute;
    right: 0px;
    text-align: center;
    top: -16px;
    width: 17px;
    color:#FFF;
}


/**
 * Chat Panel and related child div settings
 */
#fbChatPanel {
    position:fixed !important;
    bottom:26px !important;
    right:0px !important;
    border:1px solid #999 !important;
    background-color:#F0F0F0 !important;
    display:none;
}
#fbChatPanelRead,
#fbChatPanelForm,
#fbChatPanelMenu {
	display:none;
}
#fbChatPanel .header {
    background-color:#444 !important;
    height:22px !important;
}
#fbChatPanel .menu {
    height:20px !important;
    border-bottom:1px solid #CCC;
}
#fbChatPanel .read {
    height:337px !important;
    overflow-y:auto !important;
    background-color:#FFF !important;
}
#fbChatPanel .form {
    height:337px !important;
    overflow-y:auto !important;
    background-color:#FFF !important;
}
#fbChatPanel .write textarea {
    border:0px none !important;
    border-top:1px solid #CCC !important;
    border-bottom:1px solid #CCC !important;
    padding:2px !important;
    height:auto !important;
    width:98% !important;
    overflow:hidden;
}
#fbChatPanel .write textarea.default {
    color:#CCC !important;
}

/**
 * fbChatPanelHeader settings
 */
#fbChatPanelHeader {
    color:#FFF !important;
    position:relative !important;
}
#fbChatPanelHeader h1 {
    font-size:12px !important;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif !important;
    padding-left:4px !important;
    padding-top:4px !important;
    width:60px;
}
#fbChatPanelHeader h1 a {
    color:white;
    text-decoration:none;
}
#fbChatPanelHeader h1 a:hover {
    text-decoration:underline;
}
#fbChatPanelHeader .disconnect {
    float:right !important;
    margin-top:4px !important;
    margin-right:4px !important;
    height:11px;
    width:11px;
    cursor:pointer;
    background:transparent url(http://jaxl.in/plugins/fbskin/img/disconnect.gif) no-repeat scroll left -10px;
}


/**
 * fbChatPanelMenu settings
 */
#fbChatPanelMenu .account,
#fbChatPanelMenu .users,
#fbChatPanelMenu .invite,
#fbChatPanelMenu .threads {
    float:right !important;
    border-left:1px solid #CCC !important;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif !important;
    background-color:#F0F0F0 !important;
    text-align:center !important;
    cursor:pointer !important;
    padding:0px 10px !important;
    height:18px !important;
    border-top:1px solid #F0F0F0 !important;
    border-bottom:1px solid #F0F0F0 !important;
}
#fbChatPanelMenu .account:hover,
#fbChatPanelMenu .invite:hover,
#fbChatPanelMenu .users:hover,
#fbChatPanelMenu .threads:hover {
    background-color:#444 !important;
    color:#FFF !important;
    border-top:1px solid #777 !important;
    border-bottom:1px solid #777 !important;
    position:relative;
}
#fbChatPanelMenu .account h2,
#fbChatPanelMenu .invite h2,
#fbChatPanelMenu .users h2,
#fbChatPanelMenu .threads h2 {
    padding-top:2px !important;
    font-size:12px !important;
    font-weight:normal !important;
}


/**
 * msg block css settings
 */
#fbChatPanelRead .msgOut {
    padding:5px !important;
    padding-bottom:0px !important;
    background:#FFF !important;
    border-bottom:1px dotted #CCC !important;
    word-wrap:break-word !important;
    position:relative;
}
#fbChatPanelRead .replyLevel {
    background: url("http://jaxl.in/img/reply-level.png") no-repeat scroll 0px 4px #FFFFFF ! important;
    padding-left:15px !important;
    padding-right:0px !important;
    border-bottom:0px none !important;
}
#fbChatPanelRead .msgOut img {
    float:left;
    margin-right:5px;
    margin-bottom:5px;
}
#fbChatPanelRead .msgOut img.overlay {
    border:0px none;
    float:none;
    margin:0px;
    padding:0px;
    position:absolute;
    right:3px;
    top:35px;
}
#fbChatPanelRead .msgOut p.name {
    font-family:"lucida grande","lucida sans unicode",helvetica,arial,sans-serif !important;
    font-size:12px !important;
    color:#444 !important;
    font-weight:bold !important;
}
#fbChatPanelRead .msgOut p.name a {
    color:#444 !important;
    text-decoration:none;
}
#fbChatPanelRead .msgOut p.name a:hover {
    text-decoration:underline;
}
#fbChatPanelRead .msgOut p.mssg {
    font-family:"lucida grande","lucida sans unicode",helvetica,arial,sans-serif !important;
    font-size:11px !important;
    color:#444 !important;
    padding-bottom:5px !important;
}
#fbChatPanelRead .msgOut p.mssg img {
    border:0px none;
    margin:0px;
    float:none;
}
#fbChatPanelRead .msgOut abbr.ts {
    position:absolute;
    top:5px;
    right:2px;
    color:#999;
    text-decoration:none;
    font-size:10px;
    border-bottom:0px none !important;
    display:none;
}
#fbChatPanelRead .msgOut a.reply {
    float:right;
    color:#999;
    text-decoration:none;
    font-size:11px;
    display:block;
}
#fbChatPanelRead .msgOut a.reply img {
    float:none;
    margin:0px;
}
#fbChatPanelRead .msgOut a.reply:hover {
    text-decoration:underline;
}
#fbChatPanelRead .replyTo {
    margin-left:20px;
    border-bottom:0px none !important;
}
#fbChatPanelRead .pres {
    background-color:#F0F0F0 !important;
}
#fbChatPanelRead .pres p.mssg {
    color:#999 !important;
}
#fbChatPanelRead .pres p.mssg a.threadCrt {
	color:#777;
}

/**
 * Menu drop down settings
 */
#fbChatDropDown {
    position:absolute !important;
    background-color:#F7F7F7 !important;
    border:1px solid #CCC !important;
    border-bottom:0px none !important;
    display:none;
    z-index:1000;
}
#fbChatDropDown ul {
    list-style-image:none !important;
    list-style-position:outside !important;
    list-style-type:none !important;
    cursor:pointer;
}
#fbChatDropDown ul li {
    border-bottom:1px solid #CCC !important;
    padding:4px 2px !important;
}
#fbChatDropDown ul li:hover {
    background-color:#444;
    color:#FFF;
}
#fbChatDropDown ul li input[type=checkbox] {
    float:left !important;
    margin-left:2px !important;
}
#fbChatDropDown ul li label {
    float:left !important;
    font-weight:normal !important;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif !important;
    font-size:12px !important;
    margin:0px 4px !important;
    cursor:pointer !important;
}
#fbChatDropDown ul li img {
    float:left !important;
    height:16px !important;
    width:16px !important;
    margin-left:2px !important;
}
#fbChatDropDown ul li span {
    float:left !important;
    font-weight:normal !important;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif !important;
    font-size:12px !important;
    margin:0px 4px !important;
}


/**
 * Form UI settings
 */
#fbChatPanelForm .formUI {
    background-color:#F0F0F0 !important;
    margin:5px !important;
    height:327px !important;
    color:#444 !important;
    text-align:center;
    display:none;
}
#fbChatPanelForm .formUI h3 {
    padding-top:45px !important;
}
#fbChatPanelForm .formUI div.center {
	margin:0px auto;
	width:200px;
}
#fbChatPanelForm .formUI p {
	font-size:11px;
	margin-top:20px;
}
#fbChatPanelForm .formUI a.asGuest {
	color:#0000AA;
	font-size:11px;
	margin-top:20px;
}
#fbChatPanelForm .formUI div.providerOpts {
	margin-top:10px;
	margin-bottom:10px;
}
#fbChatPanelForm .formUI div.providerOpts img {
	margin-right:8px;
	cursor:pointer;
}
#fbChatPanelForm .formUI input[type="text"] {
    margin-top:30px !important;
    color:#CCC !important;
    text-align:center !important;
    display:block;
    width:200px;
}
#fbChatPanelForm .formUI input[type="button"] {
    margin-top:10px !important;
    color:#444 !important;
    text-align:center !important;
}
#fbChatPanelForm .formUI input[type="checkbox"] {
    margin-left:45px !important;
    margin-top:10px !important;
}
#fbChatPanelForm .formUI label {
    font-size:13px;
    color:#444;
}
#fbChatPanelForm .formUI .close {
    font-size:11px !important;
    margin-top:1px;
    text-decoration:underline !important;
    cursor:pointer;
}